草庐IT

jQuery Mobile 表单输入元素

全部标签

javascript - 向数组中的每个元素添加属性的优雅方式

我如何使用lodash,用最少的代码转换这样的数组:['Alfa','Betta','Gamma','Delta']进入:[{squad:'Alfa'},{squad:'Betta'},{squad:'Gamma'},{squad:'Delta'},] 最佳答案 在Lo-Dash(或下划线)中:_.map(['Alpha','Beta','Gamma','Delta'],function(squad){return{squad:squad};});在ES5中:['Alpha','Beta','Gamma','Delta'].map(

javascript - Snap.svg - 停止在悬停元素的子元素上重新触发悬停事件

对于一个项目,我使用的SVG形状由背景多边形和背景多边形上方的一些文本(我已将其转换为路径)组成。我正在使用Snap.svg为我的形状制作动画。当我将鼠标悬停在我的多边形上时,形状应该缩放到特定大小,包括其中的所有内容。鼠标移开时,形状会缩小到原来的大小。在这里你可以找到一个简化的例子:http://jsfiddle.net/XwwwU/11/我是这样实现的:SVG/HTML"/>JavaScriptvars=Snap.select('svg');varel=s.select('.el');el.hover(function(){el.animate({transform:"t0,0s

javascript - Angular - 使用相同的表单来创建和更新

我有一个非常简单的CRUD应用程序,用于管理音乐专辑。仅跟踪两个字段,标题和艺术家。在thisexample,下拉列表显示相册列表,如果我填写表格并单击“保存”,它将被添加到列表中。在secondexample,选择相册将填充表单,以便对其进行编辑和更新。我的问题是,有没有办法以相同的形式获得这两种功能?当然,我可以创建两个相同的表单并让它们做稍微不同的事情,但考虑到它们对相同的数据进行操作,如果current_album会很好被选中,它更新,当"Newalbum..."被选中,它创建。主要障碍似乎是值(value)与ng-模型。我可以设置该值,以便在我从中选择一个项目时填充它或者我可

javascript - 如何使用 javascript/jQuery 获取透明元素的有效背景颜色

基本上,我在页面上有一个元素可以插入多个不同的位置。它没有设置背景颜色,但根据插入位置的背景颜色,我可能想对其进行一些更改。我的问题是:如何为元素获取有效的背景色,即使该背景色可能是从父级继承的(可能一直到主体)。这是一个简化的示例,我想在其中找到.color-me的背景颜色what'smybackground-color?还有一个代码笔:http://codepen.io/evanhobbs/pen/FbAnL/ 最佳答案 考虑到一些(非常重要的)注意事项,这是可能的。zzzzBov在对问题的评论中很好地总结了它们:...thec

javascript - 元素宽度/高度的方法

问题:是否存在getBoundingClientRect和window.getComputedStyle的width或不同的情况>高度?当元素具有box-sizing时,我刚刚在IE中发现不一致的width(见下文),其中window.getComputedStyle返回错误值(value)。所以我考虑过用getBoundingClientRect中的值覆盖width和height但不确定是否会失败。问题示例(在IE中损坏):http://jsfiddle.net/bwPM8/varbox=document.querySelector('.box');vargBCR_width=box

javascript - 当表单输入的值无效时,如何防止 AngularJS 解除表单输入值与其模型的绑定(bind)?

我正在使用AngularJS构建表单,我注意到一些我不理解的行为。当我分配ng-minlength=5时作为输入属性,AngularJS解除绑定(bind)该值,直到它比要求的长。这对我来说很不方便,因为我想告诉用户他们输入了多少内容使用user.lifestory.length.为什么AngularJS以这种方式工作?如何防止Angular在值无效时解除绑定(bind)?Lifestory:这里有一个例子:http://jsfiddle.net/J67jm/3/你可以通过填写生活故事字段来看到我所说的行为。 最佳答案 您可以使用{

javascript - 如果缺少输入文件,是否有办法导致 Grunt 插件失败?

我一直在使用Gruntcssminplugin.我的Gruntfile中有一个block,大致如下所示:cssmin:{target:{files:{'/mytarget.css':['bower_components/normalize.css/*.css','bower_components/html5-boilerplate/css/main.css','/css/*.css']}}}有一段时间这工作正常;但是我将它移到了另一台机器上并且没有正确设置我的Bower组件-html5-boilerplate/css/main.css文件丢失了-但任务仍然成功完成。事实上,我可以将完全

Javascript 在 html 中复制一个 div 并从表单提交中复制的 div 中获取值

在我的codeigniterView中,我有一个包含选择框和文本框的div。还有一个“添加更多”按钮。我的任务是在单击添加更多按钮时复制整个div,当我提交表单时,我需要从原始div和复制的div获取字段值。我怎样才能做到这一点?我尝试使用jquery克隆方法复制div。但找不到解决方案。这是我到目前为止尝试的代码:selectdisabled>SelectPartsABCQuantityJavascript:functionduplicate(){varoriginal=document.getElementById('addparts');varclone=original.clo

javascript - 比较两个数组的元素

我有两个javascript数组,我需要比较它们。例如,假设我有这两个数组:vararray1=["1","2","3","4"];vararray2=["4","1","3","2"];这些数组实际上是相等的,我想得到true作为比较的结果。最好和最快的方法是什么? 最佳答案 您真正拥有的是两个集合,而不是数组,但不幸的是,JavaScript不提供任何类型的“集合”数据类型。执行此类检查的最简单方法是使用某种功能性JavaScript库,例如lodash。使用lodash's_.unionfunction使这变得非常简单。fun

javascript - 使用 jquery 将单个字母换行替换为 span 元素

我需要替换div内容中的第一个字母并将其用包裹起来标签。这是我的html:ThisisaTest我想以以下形式替换html:ThisisaTest我试过:$(".first_ltr").each(function(){varcurrentText=$(this).html();$(this).text(currentText.replace("0",""));});有人能帮忙吗?在此先感谢您的帮助。 最佳答案 您可以传递给.html回调,并在文本中添加任何标签,就像这样$('.first_ltrp').html(function(i